<div style="display: flex; flex-direction: column; height: 100%; width: 100%; overflow: hidden;">
    <div id="myGrid" class="ag-theme-quartz" style="flex: 1 1 auto; overflow: hidden; height: 30%;"></div>
    <div id="chart1" class="my-chart" style="flex: 1 1 auto; overflow: hidden; height: 30%;"></div>
    <div style="display: flex; flex: 1 1 auto; overflow: hidden; height: 30%; gap: 8px">
        <div id="chart2" class="my-chart" style="flex: 1 1 auto; overflow: hidden; width: 50%;"></div>
        <div id="chart3" class="my-chart" style="flex: 1 1 auto; overflow: hidden; width: 50%;"></div>
    </div>
</div>
